import React from 'react'
import{StyleSheet,View,Text,Image} from 'react-native'
import {PropTypes} from 'prop-types'
import px from '../util/px'
import Tag from './Tag'
export default function OneSmallModule({index}){

    return(<View style={{marginHorizontal:px(32),flexDirection:'row',alignItems:'center',justifyContent:'space-between',paddingTop:px(32),paddingBottom:px(32),borderTopWidth:1,borderTopColor:"#f3f3f3"}}>
             <View style={{flexDirection:'row',alignItems:'center'}}> 
                 <Text style={{fontSize:20,color:'#FFBE73',fontWeight:'bold'}}>{index}</Text>
                 <Text style={{marginLeft:px(32),fontSize:16,color:'#000000'}}>透视小医仙</Text>
             </View>
             <View style={{flexDirection:'row',alignItems:'center'}}>
                    <Tag 
                     borderColor="rgba(73,159,255,0.3)"
                     fontColor="#499fff"
                     text="连载"/>
                     
                        <Tag 
                       mLeft={px(20)}
                       text="爽文"/>
                       
             </View>
    </View>)
}